<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>主题搜索</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/layui/css/layui.css"
	media="all">
<!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->

</head>
<body>

	<div class="demoTable">
		搜索分类：
		<div class="layui-inline">
			<input class="layui-input" name="id" id="demoReload"
				autocomplete="off">
		</div>
		<button class="layui-btn" data-type="reload">搜索</button>
	</div>

	<table class="layui-hide" id="LAY_table_user" lay-filter="user"></table>


	<script src="${pageContext.request.contextPath}/layui/layui.js"
		charset="utf-8"></script>
	<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
	<script>
		layui.use('table', function() {
			var table = layui.table;

			//方法级渲染
			table.render({
				elem : '#LAY_table_user',
				url : 'http://localhost:7777/happySys/scenic/findTheme',//springmv控制器地址一样
				cols : [ [ {
					checkbox : true,
					fixed : true
				}, {
					field : 'sid',
					title : 'ID',
					width : 80,
					sort : true,
					fixed : true
				}, {
					field : 'simg',
					title : '路径',
					width : 80
				}, {
					field : 'sname',
					title : '名字',
					width : 80,
					sort : true
				}, {
					field : 'saddress',
					title : '地址',
					width : 180

				}, {
					field : 'slong',
					title : '距离',
					width : 110
				}, {
					field : 'slat',
					title : 'slat',
					sort : true,
					width : 80
				}, {
					field : 'ssatisfaction',
					title : '满意度',
					sort : true,
					width : 80
				}, {
					field : 'sprovince',
					title : '省份编码',
					width : 80
				}, {
					field : 'scity',
					title : '城市编码',
					sort : true,
					width : 135
				}, {
					field : 'sticket',
					title : '票价',
					sort : true,
					width : 135
				}, {
					field : 'stime',
					title : '时间',
					sort : true,
					width : 135
				}, {
					field : 'sbt',
					title : 'sbt',
					sort : true,
					width : 135
				}, {
					field : 'hid',
					title : '主题',
					sort : true,
					width : 135
				//templet : function(res) {
				//return res.userState ;
				//}

				}, {
					field : 'htype',
					title : '分类',
					sort : true,
					width : 135
				//templet : function(res) {
				//return res.userState ;
				//}

				} ] ],
				id : 'testReload',
				page : true,
				height : 880
			});

			var $ = layui.$, active = {
				reload : function() {
					var demoReload = $('#demoReload');

					//执行重载
					table.reload('testReload', {
						page : {
							curr : 1
						//重新从第 1 页开始
						},
						where : {
							content : demoReload.val()
						}

					});
				}
			};

			$('.demoTable .layui-btn').on('click', function() {
				var type = $(this).data('type');
				active[type] ? active[type].call(this) : '';

			});
		});
	</script>

</body>
</html>